<template>
    <h1>侦听器</h1>

    <p>{{ msg }}</p>
    <button @click="updata">修改数据</button>
</template>

<script>
export default{
    data(){
        return{
            msg:"hello"
        }
    },
    methods:{
        updata(){
            this.msg ="word"
        }
    },
    watch:{
        msg(newv,oldv){//与data()的数据名保持一致
            //newv:改变后数据
            //oldv:改变前数据
            console.log(newv,oldv)
        }
    }
}    
</script>